<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PASCal</title>
<link href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css">
<link href="styles/pascal.css" rel="stylesheet" type="text/css">
<script src="./jquery/jquery-1.7.1.min.js"></script>
<script src="./scripts/handler.js" type="text/javascript"></script>
<script src="./scripts/main.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
</head>
<body> 
	<div data-role="page" id="page1" data-theme="d">	
		<div data-role="header" data-theme="b">
			<a href="#" data-role="button" data-icon="back" id="back">Back</a>
			<h1>PASCal Information</h1>
		</div>

		<div data-role="content" data-theme="c">
			<div>
				<!--Robot부분 div입니다. 나중에 제거하겠습니다. main.js에서 연결하고 있습니다.-->
				<h3>Robot Control</h3>
				<a href="#" data-role="button" id="robot" data-theme="b">Go Robot Control</a>
			</div>	
			<h1>PASCal 사용방법</h1>
			<p>
				PASCal ver.1을 사용해주시는 여러분 감사드립니다.
				지금부터 PASCal의 사용방법을 안내해 드리겠습니다.
			</p>
			<p>
				1. Main 페이지의 왼쪽 상단에 있는 로그인 버튼을 누릅니다.
			</p>
			<p>
				2. Google계정의 아이디를 통해 로그인을 마칩니다.
			</p>
			<p>
				3. Google캘린더에 <span class='infored'>@+태그</span> <span class='infoblue'>예)@미팅</span>를 넣어 일정을 작성합니다.
			</p>			
			<p>
				4. PASCal에서는 사용자 여러분의 일정에 맞게 '신규'버튼을 눌러 휴대전화 셋팅을 설정합니다.
			</p>
			<p>
				5. 설정한 휴대전화 셋팅을 변경하고 싶으시면, 리스트에 생긴 태그를 눌러 변경하실 수 있습니다.
			</p>
			<p>
				6. Google에 등록된 일정이 시작되면 휴대전화 세팅이 자동으로 이루어지며, 일정이 끝난 후에는 원래상태로 전환됩니다.
			</p>	
			<!--<p>
				7. 일정이 예정된 시간보다 일찍 끝났을 경우 '복원하기'버튼을 누르면 원래 상태로 되돌릴 수 있습니다.
			</p>-->
			<p>
				PASCal과 함께 즐거운 일정관리를 하시길 바랍니다.
			</p>
			<h4 class='infoh4'>BitAcademy Java22 A-Team &copy; 2012</h4>																
			<a href="#" data-role="button" data-rel="back" class="backmain" data-theme="b">Close</a>          
		</div>
	</div>

</body>
</html>